import React from "react";
import { useAppSelector } from "../../store/store";

const Index: React.FC = () => {
  const { userInfor } = useAppSelector((state) => state.user);
  console.log(userInfor);
  return (
    <div className="userBox">
      <h1 style={{ textAlign: "center" }}>个人中心</h1>
      <div style={{ display: "flex" }}>
        <img
          src={userInfor.avatar}
          alt=""
          style={{
            width: "100px",
            height: "100px",
            borderRadius: "50%",
            marginLeft: "30px"
          }}
        />
        <h4 style={{ marginLeft: "30px" }}>{userInfor.nickname}</h4>
      </div>
    </div>
  );
};

export default Index;
